const path=require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    //development 开发者模式打包 内存打包 开发项目过程中是内存打包
    //production 生成模式打包 硬盘打包 项目上线肯定是硬盘打包
    mode:"development",
    //入口
    // entry:"./src/main.js",//相对路径
    entry: path.resolve(__dirname,'src/main.js'),//绝对路径
    // entry: {
    //   app: path.resolve(__dirname,'src/main.js')//
    // },//给打包后的对象命名
    //出口
    output: {
        path:path.resolve(__dirname,'dist'),
        //bundle翻译过来的意思是一捆，一束。代码扎在一块的意思。
        // filename:'bundle.js'
        
        //[name] 格式化字符串，之前是什么名字，现在还是什么名字
        // .[chunkhash:8] 指定哈希值 hash不一样，就可以解决浏览器的缓存问题
        //前面放个 js/ 可使文件放入js文件夹
        filename:'js/[name].[chunkhash:8].js'
    },
    devServer: {
        port:8080
    },
    //配置插件，插件是用来增强webpack功能的
    plugins: [
        new HtmlWebpackPlugin({
            template:'./public/index.html'
        })
    ]
}